<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 方法一
        // 思路：
        // 1、先创建一个内循环让五个星星在一行显示
        // 2、再创建一个外循环让内循环显示五次
        for (var i = 1; i <= 5; i++) {
            var num = '';
            for (var j = 1; j <= 5; j++) {
                num += '★';
            }
            console.log(num);
        }

        // 方法2
        // 思路：
        // 1、先在循环外声明一个空的字符串变量str，让str不能循环清空
        // 2、创建一个外层循环，打印五次
        // 3、创建一个内层循环，打印五次
        // 4、在内层循环里面运用字符串拼接的方法是其在一行上显示
        // 最后在外层循环外面打印输出console.log(str);  这样外层循环就不能循环一次输出一次了，也就是说外层循环和内层循环会一直循环到结束才能输出，而变量str会一直拼接到所有循环结束，最后所有星星都会在一行上显示
        // 5、最后外层循环里面，内层循环下方加一个str = str + '\n';让内层循环每执行完后都会换行
        var str = '';
        for (var i = 1; i <= 5; i++) {
            for (var j = 1; j <= 5; j++) {
                str += '★';
            }
            str += '\n';
        }
        console.log(str);
        // 方法2实际上就是让所有星星先在一行上显示，再通过每执行完一次内层循环就换一次行
    </script>
</head>

<body>

</body>

</html>